<template>
	<view class="page flex-col">
		<view class="section_list flex-col justify-between">
			<view class="nav-bar_1 flex-row">
				<image class="image_2" referrerpolicy="no-referrer"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b43704d3d117522f4982680d699f347ebfa0618e.png" />
			</view>
			<view class="group_1 flex-col" v-for="(itemxx,indexx) in sortlist" :key="indexx">

				<!-- 轮播 -->
				<view class="block_1 flex-row justify-between" v-if="itemxx.key == 'banner' && itemxx.valid == 1">
					<view class="section_2 flex-col">
						<u-swiper :list="list6" indicator indicatorMode="line" circular width="100%" height="360rpx"
							radius="20rpx">
						</u-swiper>
					</view>
				</view>
				<!-- 通知公告 -->
				<view class="notice" v-if="itemxx.key == 'horse' && itemxx.valid == 1">
					<u-notice-bar :text="itemxx.content" bgColor="#fff" direction="column" color="#333333"
						@click="openNotice" borderRadius='20rpx'
						icon="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/4993a2490631f1f06a0b9360d770f69de1a70b27.png">
					</u-notice-bar>
				</view>
				<!-- 票 -->
				<!-- <view class="block_6 flex-col">
					<view class="box_6 flex-row">
						<view class="venues-list">
							<view class="venues-item" v-for="(item1,index1) in 3" :key="index1"
								@click="membertrant(item1,index1)">
								<image
									src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6da73a29148491032e9013a85618129f98255d92.png"
									style="width: 204rpx;height: 240rpx;margin-left: 20rpx;" mode=""></image>
								<view class="detail">
									<view class="name">游泳单次票</view>
									<view class="timer">
										<text
											style="font-size: 32rpx;color: #ff4811;font-weight: 700;margin-right: 10rpx;">
											￥30
										</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view> -->
				<!-- 卡 -->
				<!-- <view class="block_2 flex-col">
					<view class="box_2 flex-row justify-between">
						<view class="venues-list">
							<view class="venues-item" v-for="(item1,index1) in 2" :key="index1"
								@click="memberCard(item1,index1)">
								<image
									src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6b3c89bbdc1c60551495a803ffbb547092bef99c.png"
									style="width: 315rpx;height: 199rpx;" mode=""></image>
								<view class="detail">
									<view class="name">健身无限次年卡</view>
									<view class="timer">
										<text
											style="font-size: 32rpx;color: #ff4811;font-weight: 700;margin-right: 10rpx;">
											￥30
										</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view> -->

				<!-- 教练达人 -->

				<view class="talent flex-row justify-between" v-if="itemxx.key == 'coach' && itemxx.valid == 1">
					<view class="" @click="openTeacher">
						<image style="width: 76rpx;height: 25rpx;position: absolute;right: 50rpx;margin-top: 30rpx;"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/992f5b7c1fef4dd5af25067d2af5e5cc8d772442.png"
							mode=""></image>
					</view>
					<view class="section_1 flex-row" v-for="(item, index) in itemxx.content" :key="index"
						@click="jiaolianlist(item,index)">
						<image class="single-avatar_1" referrerpolicy="no-referrer" :src="item.coach_avatar" />
						<view class="text-wrapper_1 flex-col justify-between">
							<text class="text_1">{{item.full_name}}</text>
							<text class="text_2">{{item.level_type}}</text>
						</view>
					</view>
				</view>
				<!-- 票卡中心 -->
				<view class="box_3 flex-col" v-if="itemxx.key == 'ticket' && itemxx.valid == 1">
					<!-- <view class="" style="width: 100%;height: 60rpx;"></view> -->
					<image
						style="width: 328rpx;height: 73rpx;margin-top: 20rpx;margin-left: 20rpx;position: absolute;top: 0;"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c3cae4e65966f6b18994432af1f2500e715ff5e1.png"
						mode=""></image>
					<image style="width: 139rpx;height: 44rpx;margin-top: 20rpx;margin-left: 20rpx;"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/00836ae4ec3477001eec7f723b34e4490ebafbda.png"
						mode=""></image>
					<view class="group_2 flex-row justify-between" v-for="(item,index) in itemxx.content.ticket"
						:key="index" @click="ticketlist(item)">
						<view class="image-text_2 flex-row justify-between">
							<image class="icon_2" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/73f1b26b89bcfa0918b69495211801c48e8dbf82.png" />
							<view class="text-group_2 flex-col justify-between">
								<text class="text_5">{{item.name}}</text>
								<text class="text_6" v-if="item.sold_num >= item.volume">销量：{{item.sold_num}}张</text>
								<text class="text_6" v-else>销量：{{item.volume}}张</text>
							</view>
						</view>
						<view class="text-wrapper_3">
							<price :value="item.selling_price" :color="'#ff4105'"></price>
						</view>
					</view>
					<view class="group_4 flex-row justify-between" v-for="(item,index) in itemxx.content.card"
						:key="index" @click="cardlist(item)">
						<view class="image-text_3 flex-row justify-between">
							<image class="icon_4" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/eedec0eaf6cbea8e52def1229f280274a3a66f20.png" />
							<view class="text-group_3 flex-col justify-between">
								<text class="text_17">{{item.name}}</text>
								<text class="text_18" v-if="item.sold_num >= item.volume">销量：{{item.sold_num}}张</text>
								<text class="text_18" v-else>销量：{{item.volume}}张</text>
							</view>
						</view>
						<view class="text-wrapper_6">
							<price :value="item.selling_price" :color="'#ff4105'"></price>
						</view>
					</view>
				</view>
				<!-- 场地预约 -->
				<view class="box_4 flex-col" v-if="itemxx.key == 'court' && itemxx.valid == 1">
					<image
						style="width: 300rpx;height: 73rpx;margin-top: 20rpx;margin-left: 20rpx;position: absolute;top: 0;"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/39ced80afb544ac095ecddb48a5c527c065ca37e.png"
						mode=""></image>
					<image style="width: 141rpx;height: 43rpx;margin-top: 20rpx;margin-left: 20rpx;"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/745ba90a9a76fa6e6f193fcb59f861b5c3ea0dbb.png"
						mode=""></image>
					<view class="section_4 flex-row" v-for="(item,index) in itemxx.content" :key="index"
						@click="cdClick(item)">
						<image class="icon_7" referrerpolicy="no-referrer" :src="item.show_img" />
						<text class="text_36">{{item.court_name}}</text>
						<view class="text-wrapper_11">
							<text class="text_37">￥</text>
							<text class="text_38">{{item.min_price}}</text>
							<text class="text_41">起</text>
						</view>
					</view>
				</view>
				<!-- 培训教务 -->
				<view class="box_5 flex-col" v-if="itemxx.key == 'train' && itemxx.valid == 1">
					<!-- <view class="" style="width: 100%;height: 60rpx;"></view> -->
					<image
						style="width: 300rpx;height: 73rpx;margin-top: 20rpx;margin-left: 20rpx;position: absolute;top: 0;"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/b4de632353c90bbb4a5b52e57f39ed5750ccb641.png"
						mode=""></image>
					<image style="width: 141rpx;height: 43rpx;margin-top: 20rpx;margin-left: 20rpx;"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/1be62061e1541b5ac6167ce77e840117732da8f5.png"
						mode=""></image>
					<view class="box_6 flex-row justify-between" v-for="(item,index) in itemxx.content" :key="index"
						@click="trainlist(item)">
						<view class="image-text_4 flex-row justify-between">
							<image class="icon_9" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fb169b99f0b58a86f013f62f756f687a41297cd4.png" />
							<view class="text-group_4 flex-col justify-between">
								<text class="text_48">{{item.name}}</text>
								<text class="text_49">{{item.stock_sales}}人已报名</text>
							</view>
						</view>
						<view class="text-wrapper_13">
							<!-- <price :value="item.price_selling" :color="'#ff4105'"></price> -->
							<text class="text_50">￥</text>
							<text class="text_51">{{item.price_selling}}起</text>
							<!-- <text class="text_52">.</text> -->
							<!-- <text class="text_53">00</text> -->
						</view>
					</view>
					<!-- <view class="box_6 flex-row justify-between">
						<view class="image-text_4 flex-row justify-between">
							<image class="icon_9" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fb169b99f0b58a86f013f62f756f687a41297cd4.png" />
							<view class="text-group_4 flex-col justify-between">
								<text class="text_48">游泳团课</text>
								<text class="text_49">2节课</text>
							</view>
						</view>
						<view class="text-wrapper_13">
							<price :value="3000" :color="'#ff4105'"></price>
						</view>
					</view>
					<view class="box_6 flex-row justify-between">
						<view class="image-text_4 flex-row justify-between">
							<image class="icon_9" referrerpolicy="no-referrer"
								src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fb169b99f0b58a86f013f62f756f687a41297cd4.png" />
							<view class="text-group_4 flex-col justify-between">
								<text class="text_48">游泳团课</text>
								<text class="text_49">2节课</text>
							</view>
						</view>
						<view class="text-wrapper_13">
							<price :value="3000" :color="'#ff4105'"></price>
						</view>
					</view> -->
				</view>

				<!-- 硬件设施 -->
				<view class="block_7 flex-col" v-if="itemxx.key == 'hardware' && itemxx.valid == 1">
					<view class="text-wrapper_9 flex-row">
						<!-- <text class="text_22">硬件设施</text> -->
						<image
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0daace0080d56abf34206e33798ec5fab76ada2c.png"
							style="width: 130rpx;height: 30rpx;" mode=""></image>
					</view>
					<view class="box_9 flex-row">
						<view class="image-text_2 flex-row justify-between" v-for="(item, index) in itemxx.content"
							:key="index">
							<image class="label_3" :src="item.icon" />
							<text class="text-group_2">{{item.name}}</text>
						</view>
					</view>
				</view>
				<!-- // 场馆环境/场馆资质/人员证书 -->
				<view class="image_list" v-if="itemxx.key == 'environment' && itemxx.valid == 1">
					<view class="" style="width: 100%;height: 20rpx;"></view>
					<image class="image_6" referrerpolicy="no-referrer" @click="pictureslist(0)"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/8ca8b85a622c227bc75a847ba2dadcdb8c3e2da7.png" />
				</view>
				<view class="image_list" v-if="itemxx.key == 'cert' && itemxx.valid == 1">
					<view class="" style="width: 100%;height: 20rpx;"></view>
					<image class="image_11" referrerpolicy="no-referrer" @click="pictureslist(1)"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/0dc3b527fdf5f7eebe338a2c00b2e142bbcc55f7.png" />
				</view>
				<view class="image_list" v-if="itemxx.key == 'personnel_cert' && itemxx.valid == 1">
					<view class="" style="width: 100%;height: 20rpx;"></view>
					<image class="image_12" referrerpolicy="no-referrer" @click="pictureslist(2)"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/929bd9b2bf3b1fc636e2c4d1d5342a8308e5332f.png" />
				</view>

				<!-- 场馆介绍 -->
				<view class="Introduction" v-if="itemxx.key == 'introduce' && itemxx.valid == 1">
					<!-- <text class="text_11">场馆介绍</text> -->
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/3744ba820c1632cede3a192320b9846ae5d45e1f.png"
						style="width: 130rpx;height: 30rpx;" mode=""></image>
					<view class="image-wrapper_2 flex-col">
						<video class="myVideo" :src="itemxx.content" enable-play-gesture auto-pause-if-navigate controls
							vslide-gesture></video>
					</view>
				</view>
				<!-- 场馆 -->
				<view class="information" v-if="itemxx.key == 'exchange' && itemxx.valid == 1">
					<text class="text_12">{{list.venue_name}}</text>
					<image class="icon_25" @click="switch_venues"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ced9d1dee9be52b259e0593c17f24e8216144ab9.png"
						mode=""></image>
					<view class="box_44 flex-row ">
						<view class="text-wrapper_3 flex-col" v-for="(item, index) in list.marks" :key="index">
							<text class="text_5">{{item}}</text>
						</view>
					</view>
					<text class="paragraph_1">
						{{list.description}}
					</text>
					<view class="image_8"></view>
					<view class="block_4 flex-row justify-between">
						<text class="text_14">营业时间：{{list.open_time}}</text>
						<image class="label_3" referrerpolicy="no-referrer" @click="call"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ddfcb7d40dd6214cb1bf01e4c40ca3d74b39e6fe.png" />
					</view>
					<view class="block_5 flex-row justify-between">
						<text class="text_15">地址：{{list.address}}</text>
						<image @tap="addresslist" class="label_4" referrerpolicy="no-referrer"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/554109c7a9c9ece2c0ea8e77e53c91a531680db9.png" />
					</view>
				</view>
			</view>
			<!-- <view class="footer_img">
				<image class="footer_image"
					src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/142ac6878162149fcbcc4d86d83a8098508ea37b.png"
					mode=""></image>
			</view> -->
		</view>
		<!-- 底部导航组件 -->
		<tarbar :valueModel="tabbar_index" :footerArr="homeData.footer"></tarbar>
	</view>
</template>

<script>
	import tarbar from "@/components/tarbar/index.vue";
	const index = require("@/api/index/index.js");
	const personal = require('@/api/personal/index.js')
	const venues = require("@/api/venues/venues.js");
	const train = require("@/api/train/index.js");
	export default {
		components: {
			tarbar,
		},
		data() {
			return {
				list6: [],
				constants: {},
				currentNum: '',
				venues_id: '',
				list: {},
				loopData0: [{
						lanhuimage0: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6da73a29148491032e9013a85618129f98255d92.png',
					},
					{
						lanhuimage0: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6da73a29148491032e9013a85618129f98255d92.png',
					},
					{
						lanhuimage0: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6da73a29148491032e9013a85618129f98255d92.png',
					},
				],
				constants: {},
				homeData: [],
				tabbar_index: 0, // 底部导航默认选中
				page_url: '/pages/index/index',
				Homelist: [],
				sortlist: []
			};
		},
		onLoad(options) {
			uni.removeStorage({
				key: 'venues_id',
				success: function(res) {}
			});
			uni.setStorageSync('openidlist', options.openidlist)
			this.venues_id = uni.getStorageSync('venues_id')
			// 获取页面设置配置
			const _this = this;
			// 获取学员资料
			let params = {
				app_id: this.$https.weixinAppId,
			}
			personal.getProjectIdByAppId(params).then(result => {
				getApp().globalData.projectId = result.data.result
				getApp().globalData.sign = result.data.sign;
				let that = this;
				// 查询对应小程序的配置信息
				that.getAppletConfig();

			})
		},
		methods: {
			jiaolianlist(item, index) {
				console.log(item, index, '123')
				uni.navigateTo({
					url: "/page_points/coach-center/coach-center?id=" + item.id,
				});
			},
			openTeacher() {
				uni.navigateTo({
					url: "/pages/index/coach/coach?venue_name=" + this.list.venue_name,
				});
			},
			async getLocation() {
				const [err, res] = await uni.getLocation({
					isHighAccuracy: true, // 开启地图精准定位
					type: "gcj02",
				});
			},
			// 票
			ticketlist(item) {
				console.log(item)
				console.log(this.homeData)
				uni.navigateTo({
					url: '/page_venues/pages/venuesDetail/ticketModule/ticketModule' +
						'?id=' +
						item.id +
						'&venue_name=' +
						this.homeData.name +
						'&venue_id=' +
						uni.getStorageSync('venues_id')
				})
			},
			// 卡
			cardlist(item) {
				uni.navigateTo({
					url: '/page_venues/pages/venuesDetail/memberCard/memberCard' + '?id=' + item.id +
						'&venue_name=' +
						this.homeData.name +
						'&venue_id=' +
						uni.getStorageSync('venues_id')
				})
			},
			// 场地预约
			cdClick(item) {
				var _this = this
				var now = new Date()
				var h = now.getHours(); //获取当前小时数(0-23)
				var min = now.getMinutes(); //获取当前分钟数(0-59)
				if (h < 10) {
					h = '0' + h
				}
				if (min < 10) {
					min = '0' + min
				}
				this.time_list = h + ':' + min
				let data = {
					app_id: this.$https.weixinAppId,
					project_id: getApp().globalData.projectId,
					product_id: item.id
				};
				train.getCourtProduct(data).then(result => {
					// this.each_num.open_time_end = result.data.result.open_time_end
					// this.each_num.open_time_start = result.data.result.open_time_start
					let open_time_end = result.data.result.open_time_end
					let open_time_start = result.data.result.open_time_start
					if (this.time_list > open_time_start && this.time_list < open_time_end) {
						uni.navigateTo({
							url: '/page_venues/pages/venuesDetail/stadium/stadium?venue_id=' + uni
								.getStorageSync('venues_id') +
								"&id=" +
								item.id +
								"&court_id=" +
								item.id +
								"&windows=" +
								item.windows +
								"&name=" +
								item.court_name
						})
					}
				})

			},
			// 培训
			trainlist(item) {
				uni.navigateTo({
					url: '/pages_other/train/train' +
						'?id=' +
						item.id +
						'&venue_name=' +
						this.homeData.name +
						'&venue_id=' +
						uni.getStorageSync('venues_id')
				})
			},
			// 场馆首页排序
			async getVenueIndex() {
				let params = {
					project_id: getApp().globalData.projectId,
					app_id: this.$https.weixinAppId,
					venue_id: uni.getStorageSync('venues_id')
				}
				let res = await venues.getVenueIndex(params)
				if (res.code === 1) {
					this.sortlist = res.data.result
				}
			},
			// 切换场馆
			switch_venues() {
				uni.navigateTo({
					url: '/page_points/switch_venues/switch_venues?venue_id=' + uni.getStorageSync('venues_id')
				})
			},
			pictureslist(type) {
				uni.navigateTo({
					url: '/page_points/venue_pictures/venue_pictures?type=' + type
				})
			},
			async getAppletConfig() {
				let that = this;
				let data = {
					weixinAppId: this.$https.weixinAppId,
					projectId: getApp().globalData.projectId,
				};
				let result = await index.index(data);
				if (result.code == 1) {
					that.homeData = result.data; // 首页完整数据
					// this.venues_id =  result.data.venues
					if (uni.getStorageSync('venues_id') == '' || uni.getStorageSync('venues_id') == null) {
						uni.setStorageSync('venues_id', result.data.venues)
					}
					this.homeData.footer.forEach((item, index) => {
						if (this.page_url == item.page_url) {
							this.tabbar_index = index
						}
					})
					this.$nextTick(function() {
						this.homeData.footer[this.tabbar_index].this_icon =
							this.homeData.footer[this.tabbar_index].selected_icon;
					}); // 默认选中底部Tabbar
					that.getVenusDetail()
					that.getVenueIndex()
					// that.getLocation();
				}
			},
			swiperlist(e) {
				this.currentNum = e.current
			},
			// 获取场馆主页
			async getVenusDetail() {
				let params = {
					projectId: getApp().globalData.projectId,
					weixinAppId: this.$https.weixinAppId,
					venues_id: uni.getStorageSync('venues_id')
				}
				let res = await venues.getVenusDetail(params)
				if (res.code === 1) {
					this.list = res.data.data
					this.list6 = res.data.data.banner.split('|')
				}
			},
			// 导航地址
			addresslist() {
				uni.openLocation({
					latitude: Number(this.list.lat), //要去的纬度-地址
					longitude: Number(this.list.lng), //要去的经度-地址
					address: this.list.address, //要去的具体地址
					//此处踩坑的问题2：
					//latitude 和 longitude的值一定要是number类型。
					//所以传递的时候需要使用Number将其转换一下。
				})
			},
			// 拨打电话
			call() {
				uni.makePhoneCall({
					phoneNumber: this.list.phone,
					success: function() {
						console.log('拨打电话成功');
					},
					fail() {
						console.log('打电话失败了');
					}
				})
			},
		},
	};
</script>
<style lang="scss" scoped>
	@import '../../static/css/common/common.scss';

	.page {
		position: relative;
		width: 750rpx;
		height: 100%;
		overflow: hidden;

		.section_list {
			width: 100%;
			height: 100%;
			background: linear-gradient(0deg, #D0DEFA, #FBFCFF, #D0DEFA);
			padding: 30rpx;
			position: relative;

			.footer_img {
				.footer_image {
					width: 100%;
					height: 128rpx;
					margin-top: 20rpx
				}
			}

			.nav-bar_1 {
				width: 690rpx;
				height: 120rpx;
				margin-top: 20rpx;

				.image_2 {
					width: 690rpx;
					height: 120rpx;
					margin: 20rpx 0 0 40rpx;
				}
			}

			.group_1 {
				width: 750rpx;
				height: 100%;
				// background: linear-gradient(0deg, #D0DEFA, #FBFCFF, #D0DEFA);
				// height: 3352rpx;
				// background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/94af71e9d05953337eab88bf958c301d3cc8a8ea.png') 100% no-repeat;
				// background-size: 100% 100%;
				// padding: 30rpx;



				.notice {
					width: 690rpx;
					margin-top: 20rpx;
					border-radius: 20rpx;
					margin-bottom: 10rpx;
				}

				.notice /deep/ .u-icon__img {
					width: 54rpx !important;
					height: 52rpx !important;
				}

				.notice /deep/ .u-notice-bar {
					border-radius: 20rpx;
				}

				.block_1 {
					width: 690rpx;
					height: 360rpx;
					margin: 20rpx 0 10rpx 0rpx;

					.section_2 {
						// background-color: rgba(255, 255, 255, 1);
						border-radius: 20rpx;
						width: 100%;
						height: 380rpx;
						// margin: 60rpx 0 0 10rpx;
					}

				}

				// 卡
				.block_2 {
					height: 435rpx;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/22e5c9e680075f38d45cbc7f40f4a47c10494fee.png') 100% no-repeat;
					background-size: 100% 100%;
					width: 690rpx;
					margin: 20rpx 0 0 0;
					bottom: 10rpx;

					.box_2 {
						width: 100%;
						height: 350rpx;
						margin-top: 60rpx;

						.venues-list {
							display: flex;

							.venues-item {
								width: 50%;
								border-radius: 10rpx;
								margin-top: 25rpx;
								margin-left: 3%;

								.detail {
									box-sizing: border-box;
									padding: 10rpx 10rpx 20rpx 10rpx;

									.name {
										font-size: 26rpx;
										margin-bottom: 10rpx;
										color: #333333;
									}

									.timer {
										font-size: 23rpx;
										color: #cecece;
										height: 40rpx;
									}
								}
							}
						}
					}
				}

				.talent {
					width: 690rpx;
					height: 281rpx;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/44bdfa798f4f9eb7124e14961be40d601a8cbffe.png') 100% no-repeat;
					background-size: 100% 100%;
					margin: 20rpx 0 10rpx 0;
					padding: 0 15rpx;

					.section_1 {
						background-color: rgba(255, 255, 255, 1);
						border-radius: 10px;
						width: 320rpx;
						height: 161rpx;
						margin: 86rpx 0rpx 0 0rpx;

						.single-avatar_1 {
							width: 100rpx;
							height: 100rpx;
							margin: 31rpx 0 0 20rpx;
						}

						.text-wrapper_1 {
							width: 97rpx;
							height: 73rpx;
							margin: 46rpx 94rpx 0 9rpx;

							.text_1 {
								width: 83rpx;
								height: 26rpx;
								overflow-wrap: break-word;
								color: rgba(51, 51, 51, 1);
								font-size: 28rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 28rpx;
								margin-left: 2rpx;
							}

							.text_2 {
								width: 97rpx;
								height: 23rpx;
								overflow-wrap: break-word;
								color: rgba(190, 190, 190, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Regular;
								font-weight: NaN;
								text-align: left;
								white-space: nowrap;
								line-height: 24rpx;
								margin-top: 24rpx;
							}
						}
					}

					.section_2 {
						background-color: rgba(255, 255, 255, 1);
						border-radius: 10px;
						width: 320rpx;
						height: 161rpx;
						margin: 86rpx 20rpx 0 0;

						.single-avatar_2 {
							width: 100rpx;
							height: 100rpx;
							margin: 31rpx 0 0 20rpx;
						}

						.text-wrapper_2 {
							width: 122rpx;
							height: 73rpx;
							margin: 46rpx 69rpx 0 9rpx;

							.text_3 {
								width: 82rpx;
								height: 26rpx;
								overflow-wrap: break-word;
								color: rgba(51, 51, 51, 1);
								font-size: 28rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 28rpx;
								margin-left: 1rpx;
							}

							.text_4 {
								width: 122rpx;
								height: 23rpx;
								overflow-wrap: break-word;
								color: rgba(190, 190, 190, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Regular;
								font-weight: NaN;
								text-align: left;
								white-space: nowrap;
								line-height: 24rpx;
								margin-top: 24rpx;
							}
						}
					}
				}

				.box_3 {
					height: 100%;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/2fb584b12f46811babaff1c75327bb4656fd2fb4.png') 100% no-repeat;
					background-size: 100% 100%;
					width: 690rpx;
					margin: 20rpx 0 0 0rpx;
					bottom: 20rpx;
					position: relative;

					.group_2 {
						width: 649rpx;
						height: 120rpx;
						margin: 20rpx 0 0 20rpx;

						.image-text_2 {
							width: 302rpx;
							height: 120rpx;

							.icon_2 {
								width: 120rpx;
								height: 120rpx;
							}

							.text-group_2 {
								width: 162rpx;
								height: 86rpx;
								margin-top: 17rpx;

								.text_5 {
									width: 142rpx;
									height: 27rpx;
									overflow-wrap: break-word;
									color: rgba(51, 51, 51, 1);
									font-size: 28rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									white-space: nowrap;
									line-height: 28rpx;
								}

								.text_6 {
									width: 162rpx;
									height: 21rpx;
									overflow-wrap: break-word;
									color: rgba(153, 153, 153, 1);
									font-size: 22rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									white-space: nowrap;
									line-height: 22rpx;
									margin-top: 38rpx;
								}
							}
						}

						.text-wrapper_3 {
							width: 128rpx;
							height: 27rpx;
							overflow-wrap: break-word;
							font-size: 0;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: right;
							white-space: nowrap;
							line-height: 24rpx;
							margin-top: 46rpx;

							.text_7 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 24rpx;
							}

							.text_8 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 36rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 36rpx;
							}

							.text_9 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 24rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 24rpx;
							}

							.text_10 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 30rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 30rpx;
							}
						}
					}

					.group_4 {
						width: 649rpx;
						height: 120rpx;
						margin: 10rpx 0 10rpx 20rpx;

						.image-text_3 {
							width: 302rpx;
							height: 120rpx;

							.icon_4 {
								width: 120rpx;
								height: 120rpx;
							}

							.text-group_3 {
								width: 162rpx;
								height: 86rpx;
								margin-top: 17rpx;

								.text_17 {
									width: 142rpx;
									height: 27rpx;
									overflow-wrap: break-word;
									color: rgba(51, 51, 51, 1);
									font-size: 28rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									white-space: nowrap;
									line-height: 28rpx;
								}

								.text_18 {
									width: 162rpx;
									height: 21rpx;
									overflow-wrap: break-word;
									color: rgba(153, 153, 153, 1);
									font-size: 22rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									white-space: nowrap;
									line-height: 22rpx;
									margin-top: 38rpx;
								}
							}
						}

						.text-wrapper_6 {
							width: 165rpx;
							height: 27rpx;
							overflow-wrap: break-word;
							font-size: 0;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: right;
							white-space: nowrap;
							line-height: 24rpx;
							margin-top: 46rpx;

						}
					}
				}

				.box_4 {
					position: relative;
					height: 100%;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c6c1677866fc1a30f294082ba2c094c4b9551f60.png') 100% no-repeat;
					background-size: 100% 100%;
					width: 690rpx;
					justify-content: flex-center;
					margin: 20rpx 0 20rpx 0rpx;
					padding-bottom: 20rpx;

					.section_4 {
						width: 639rpx;
						height: 120rpx;
						margin: 20rpx 0 0 20rpx;

						.icon_7 {
							width: 120rpx;
							height: 120rpx;
						}

						.text_36 {
							width: 82rpx;
							height: 27rpx;
							overflow-wrap: break-word;
							color: rgba(51, 51, 51, 1);
							font-size: 28rpx;
							font-family: PingFang-SC-Regular;
							font-weight: NaN;
							text-align: left;
							white-space: nowrap;
							line-height: 28rpx;
							margin: 39rpx 0 0 32rpx;
						}

						.text-wrapper_11 {
							width: 165rpx;
							height: 28rpx;
							overflow-wrap: break-word;
							font-size: 0;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: right;
							white-space: nowrap;
							line-height: 24rpx;
							margin: 38rpx 0 0 279rpx;

							.text_37 {
								width: 126rpx;
								height: 28rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 24rpx;
							}

							.text_38 {
								width: 126rpx;
								height: 28rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 36rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 36rpx;
							}

							.text_41 {
								width: 126rpx;
								height: 28rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 30rpx;
								font-weight: NaN;
								text-align: left;
								white-space: nowrap;
								line-height: 30rpx;
							}
						}
					}

					.section_5 {
						width: 639rpx;
						height: 120rpx;
						margin: 20rpx 0 30rpx 20rpx;

						.icon_8 {
							width: 120rpx;
							height: 120rpx;
						}

						.text_42 {
							width: 83rpx;
							height: 26rpx;
							overflow-wrap: break-word;
							color: rgba(51, 51, 51, 1);
							font-size: 28rpx;
							font-family: PingFang-SC-Regular;
							font-weight: NaN;
							text-align: left;
							white-space: nowrap;
							line-height: 28rpx;
							margin: 39rpx 0 0 31rpx;
						}

						.text-wrapper_12 {
							width: 126rpx;
							height: 28rpx;
							overflow-wrap: break-word;
							font-size: 0;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: right;
							white-space: nowrap;
							line-height: 24rpx;
							margin: 38rpx 0 0 279rpx;

							.text_43 {
								width: 126rpx;
								height: 28rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 24rpx;
							}

							.text_44 {
								width: 126rpx;
								height: 28rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 36rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 36rpx;
							}

							.text_47 {
								width: 126rpx;
								height: 28rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 30rpx;
								font-weight: NaN;
								text-align: left;
								white-space: nowrap;
								line-height: 30rpx;
							}
						}
					}
				}

				.box_5 {
					height: 100%;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/8546c3936a8b5b5fe426198928c8d3c7476f6f98.png') 100% no-repeat;
					background-size: 100% 100%;
					width: 690rpx;
					margin: 20rpx 0 0 0rpx;
					position: relative;
					bottom: 10rpx;

					.box_6 {
						width: 639rpx;
						height: 120rpx;
						margin: 20rpx 0 10rpx 20rpx;

						.image-text_4 {
							width: 281rpx;
							height: 120rpx;

							.icon_9 {
								width: 120rpx;
								height: 120rpx;
							}

							.text-group_4 {
								width: 142rpx;
								height: 86rpx;
								margin-top: 17rpx;

								.text_48 {
									width: 518rpx;
									height: 27rpx;
									// overflow-wrap: break-word;
									color: rgba(51, 51, 51, 1);
									font-size: 28rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									// white-space: nowrap;
									line-height: 28rpx;

									white-space: nowrap;
									overflow: hidden;
									text-overflow: ellipsis;
								}

								.text_49 {
									width: 57rpx;
									height: 21rpx;
									overflow-wrap: break-word;
									color: rgba(153, 153, 153, 1);
									font-size: 22rpx;
									font-family: PingFang-SC-Regular;
									font-weight: NaN;
									text-align: left;
									white-space: nowrap;
									line-height: 22rpx;
									margin: 38rpx 0 0 1rpx;
								}
							}
						}

						.text-wrapper_13 {
							width: 165rpx;
							height: 27rpx;
							overflow-wrap: break-word;
							font-size: 0;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: right;
							white-space: nowrap;
							line-height: 24rpx;
							margin-top: 47rpx;

							.text_50 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: right;
								white-space: nowrap;
								line-height: 24rpx;
							}

							.text_51 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 36rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: right;
								white-space: nowrap;
								line-height: 36rpx;
							}

							.text_52 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 24rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: right;
								white-space: nowrap;
								line-height: 24rpx;
							}

							.text_53 {
								width: 96rpx;
								height: 27rpx;
								overflow-wrap: break-word;
								color: rgba(255, 65, 5, 1);
								font-size: 30rpx;
								font-family: DIN-Bold;
								font-weight: 700;
								text-align: right;
								white-space: nowrap;
								line-height: 30rpx;
							}
						}
					}
				}

				// 硬件设施
				.block_7 {
					background-color: rgba(255, 255, 255, 1);
					border-radius: 10px;
					height: 280rpx;
					width: 690rpx;
					margin: 20rpx 0 0rpx 0;

					.text-wrapper_9 {
						width: 123rpx;
						height: 29rpx;
						margin: 30rpx 0 0 38rpx;

						.text_22 {
							width: 123rpx;
							height: 29rpx;
							overflow-wrap: break-word;
							color: rgba(51, 51, 51, 1);
							font-size: 30rpx;
							font-family: PingFang-SC-Bold;
							font-weight: 700;
							text-align: left;
							white-space: nowrap;
							line-height: 34rpx;
						}
					}

					// 硬件设施
					.box_9 {
						width: 100%;
						height: 170rpx;
						margin: 20rpx 0 30rpx 0;
						display: flex;
						flex-wrap: wrap;

						.image-text_2 {
							width: 105rpx;
							height: 40rpx;
							margin-left: 7%;
							margin-top: 20rpx;

							.label_3 {
								width: 40rpx;
								height: 40rpx;
							}

							.text-group_2 {
								width: 47rpx;
								height: 40rpx;
								overflow-wrap: break-word;
								color: rgba(136, 136, 136, 1);
								font-size: 24rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 18rpx;
								margin-top: 11rpx;
								margin-left: 6rpx;
							}
						}
					}
				}

				// 场馆环境/场馆资质/人员证书
				.image_list {
					margin-top: 20rpx;
					// padding: 20rpx 0;

					.image_6 {
						width: 690rpx;
						height: 170rpx;
						margin-top: -27rpx;
					}

					.image_11 {
						width: 690rpx;
						height: 170rpx;
						margin-top: -27rpx;
					}

					.image_12 {
						width: 690rpx;
						height: 170rpx;
						margin-top: -27rpx;
					}
				}

				.Introduction {
					width: 690rpx;
					margin: 20rpx 0rpx 0 0rpx;

					.text_11 {
						width: 126rpx;
						height: 30rpx;
						overflow-wrap: break-word;
						color: rgba(51, 51, 51, 1);
						font-size: 32rpx;
						font-family: FZKATJW--GB1-0;
						font-weight: NaN;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
						margin: 2rpx 0 0 32rpx;
					}

					.image-wrapper_2 {
						height: 375rpx;
						width: 100%;
						margin-top: 30rpx;

						.myVideo {
							height: 375rpx;
							width: 100%;
							border-radius: 20rpx;

						}
					}
				}

				// 详细信息
				.information {
					width: 690rpx;
					height: auto;
					margin-top: 10rpx;

					.icon_25 {
						width: 45rpx;
						height: 45rpx;
						margin-left: 30rpx;
						position: absolute;
					}

					.text_12 {
						width: 189rpx;
						height: 31rpx;
						overflow-wrap: break-word;
						color: rgba(51, 51, 51, 1);
						font-size: 32rpx;
						font-family: PingFang-SC-Bold;
						font-weight: 700;
						text-align: right;
						white-space: nowrap;
						line-height: 32rpx;
						margin: 0rpx 0 0 31rpx;
					}

					.box_44 {
						width: 370rpx;
						height: 36rpx;
						margin: 20rpx 0 0 1rpx;

						.text-wrapper_3 {
							background-color: #d7dbfa;
							border-radius: 4px;
							// height: 36rpx;
							// width: 80rpx;
							margin-left: 30rpx;
							padding: 0rpx 20rpx 10rpx 20rpx;

							.text_5 {
								// width: 47rpx;
								// height: 36rpx;
								color: #2F75FA;
								font-size: 24rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: right;
								white-space: nowrap;
								// line-height: 25rpx;
								// margin: 6rpx 0 0 16rpx;
							}
						}
					}

					.paragraph_1 {
						width: 692rpx;
						height: 112rpx;
						overflow-wrap: break-word;
						color: rgba(51, 51, 51, 1);
						font-size: 22rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						line-height: 30rpx;
						margin: 20rpx 0 0 30rpx;
					}

					.image_8 {
						width: 690rpx;
						height: 1rpx;
						margin: 29rpx 0 0 30rpx;
						background-color: #cecece;
					}

					.block_4 {
						width: 690rpx;
						height: 32rpx;
						margin: 24rpx 0 0 31rpx;

						.text_14 {
							width: 546rpx;
							height: 36rpx;
							color: rgba(51, 51, 51, 1);
							font-size: 22rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 34rpx;
							margin-top: 5rpx;
							overflow: hidden;
							text-overflow: ellipsis;
						}

						.label_3 {
							width: 32rpx;
							height: 32rpx;
							text-align: right;
							margin-right: 30rpx;
						}
					}

					.block_5 {
						width: 690rpx;
						height: 32rpx;
						margin: 18rpx 0 30rpx 31rpx;

						.text_15 {
							width: 546rpx;
							height: 36rpx;
							overflow-wrap: break-word;
							color: rgba(51, 51, 51, 1);
							font-size: 22rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 34rpx;
							margin-top: 5rpx;
						}

						.label_4 {
							width: 32rpx;
							height: 32rpx;
							text-align: right;
							margin-right: 30rpx;
						}
					}
				}

				// 票
				.block_6 {
					width: 690rpx;
					height: 449rpx;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c3103ec04829aa83f30f7c10e82ecb50119dded4.png') 100% no-repeat;
					background-size: 100% 100%;
					margin-top: 20rpx;

					.image_9 {
						width: 76rpx;
						height: 25rpx;
						margin: 33rpx 0 0 595rpx;
					}

					.box_6 {
						position: relative;
						width: 100%;
						height: 420rpx;
						margin: 30rpx 0 0 0rpx;

						.venues-list {
							display: flex;

							.venues-item {
								width: 34%;
								border-radius: 10rpx;
								margin-top: 60rpx;
								// margin-left: 3%;
								flex: 1;

								.detail {
									box-sizing: border-box;
									padding: 10rpx 10rpx 20rpx 10rpx;
									margin-left: 20rpx;

									.name {
										font-size: 26rpx;
										margin-bottom: 10rpx;
										color: #333333;
									}

									.timer {
										font-size: 23rpx;
										color: #cecece;
										height: 40rpx;
									}
								}
							}
						}
					}
				}


			}
		}
	}
</style>